<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:composite="http://java.sun.com/jsf/composite"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>
            <ui:define name="title">
                Employer's Login
            </ui:define>
        </title>
    </h:head>
    <h:body>
        <ui:composition template="/index.xhtml" >
            <ui:define name="header">
                <ui:include src="/section/employee/empheader.xhtml" />
            </ui:define>
            <ui:define name="content">
                <div id="emlogin">
                    <div style="padding: 3px 5px;color:#1F81AB;font-weight: bold; ">
                        Employer's Login
                    </div>
                    <div id="boxcontent2a">
                        <div id="boxcontent2b">
                            <center class="title_login">Access to the Employer's system. Please enter Employee No and Password !</center>
                            <center>
                                <h:outputText id="nameError"
                                              value="#{employeeManagedBean.error}"
                                              style="color: red;"/>
                            </center>
                            <form name="form1" id="home_em_login_form" action="#" method="post">                                
                                <table id="home_em_login_table_1" cellspacing="5" cellpadding="1" border="0" align="center">
                                    <f:view>
                                        <h:form>
                                            <tbody><tr>
                                                    <td style="font-size:12px; color: #666;">Employee No:</td>
                                                    <td><h:inputText tabindex="1" size="14" value="#{employeeManagedBean.emp.empNo}" />

                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="color: #666;"  >Password:</td>
                                                    <td><h:inputSecret tabindex="1" size="14" value="#{employeeManagedBean.emp.password}" />

                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <div style="float:left;">
							» <a style="font-size:11px; color:#272727;" href="#">Forgotten your Password?</a><br/>
                                                        </div>
                                                        <div style="float:right; padding-top: 5px;">
                                                            <h:commandButton styleClass="form_submit_button" value="Login" action="#{employeeManagedBean.verify_emp}">

                                                            </h:commandButton>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </h:form>
                                    </f:view>
                                </table>
                            </form>
                            <div style="clear:both;"></div>
                        </div>
                    </div>
                </div>
            </ui:define>            
        </ui:composition>
    </h:body>
</html>

